<section (dblclick)="copy(dyeingResult.id,$event)" class="left" fxLayout fxLayoutAlign="center center">
  {{dyeingResult.dateTime|date:'yyyy-MM-dd HH:mm:ss'}}
</section>

<section class="right" fxFlex fxLayout="column">
  <mat-list class="dyeing-result" dense>
    <mat-list-item>
      <div fxLayout fxLayoutAlign="space-between center" matLine>
        <span translate="Silk.code"></span>
        <span>{{dyeingResult?.silk.code}}</span>
      </div>
    </mat-list-item>

    <mat-list-item>
      <div fxLayout fxLayoutAlign="space-between center" matLine>
        <span translate="Silk.spec"></span>
        <span>
          {{dyeingResult?.silk.lineMachine.line.name}}-{{dyeingResult?.silk.spindle}}
          /{{dyeingResult?.silk.lineMachine.item}}
        </span>
      </div>
    </mat-list-item>

    <mat-list-item>
      <div fxLayout fxLayoutAlign="space-between center" matLine>
        <span translate="doffingNum"></span>
        <span>{{dyeingResult?.silk.doffingNum}}</span>
      </div>
    </mat-list-item>

    <mat-list-item>
      <div fxLayout fxLayoutAlign="space-between center" matLine>
        <span translate="Common.exception"></span>
        <ng-container *ngIf="dyeingResult.submitted">
          <span [class.yes]="dyeingResult?.hasException" class="exception"></span>
        </ng-container>
        <ng-container *ngIf="!dyeingResult.submitted">
          <span translate="DyeingResult.unResult"></span>
        </ng-container>
      </div>
    </mat-list-item>
  </mat-list>
</section>
